<!-- ./idFieldRender.vue 文件 -->
<template>
    <view v-loading="loading" class="content">
          <p>订单金额：<span>¥</span>{{ data.shi_money }}</p>
          <p>优惠金额：<span>¥</span>{{ data.hui }}</p>
          <p>实付金额：<span>¥</span>{{ data.money }}</p>
    </view>
</template>

<script setup lang="ts">
import { TableColumnCtx } from 'element-plus'
import { ref ,defineProps,inject} from 'vue'
import type baTableClass from '/@/utils/baTable'
const baTable = inject('baTable') as baTableClass
import { ElMessage,ElMessageBox} from 'element-plus'
import createAxios from "/@/utils/axios";
// BuildAdmin将自动为此组件传递五个Props
interface Props {
    renderValue: any // 单元格值
    renderRow: TableRow // 当前行数据
    renderField: TableColumn // 当前列数据
    renderColumn: TableColumnCtx<TableRow> // 当前列上下文数据
    renderIndex: number // 当前行号
}
const loading = ref(false)
const props = defineProps<Props>()
const data = props.renderValue

// console.log(props.renderValue, props.renderRow, props.renderField, props.renderColumn, props.renderIndex)
</script>

<style scoped lang="scss">
.content span{
    font-size: 10px;
}
.content{
    font-size: 14px;
}
.pro_img{
   width: 46px;
   height: 46px;
   float: left;
   border:1px solid #eee;
}
.pro_right{
    width: 180px;
    float: left;
    margin-left: 5px;
    .pro_title{
        width: 100%;
        font-weight: bold;
        font-size: 14px;
    }
    .pro_price{
        width: 100%;
        font-size: 12px;
    }
}
.fl{
  float: left;
}
</style>
